<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="icon" href="../img/微信图片_20250617181003.jpg" type="image/jpg">
		<link rel="stylesheet" type="text/css" href="../css/main.css" />
		<title>Cult电影电影页</title>
		<style>
			
			.main {
				width: 92%;
				height: 1400px;
				background-color: white;
				
				padding: 100px 0 0 8%;
			}
            .main1{
				width: 91%;
	            padding: 19px;
				font-size: 17px;
				border: 1px solid red;
				border-radius: 6px;
            }

			.main1_ul{
				display: flex;
				gap: 30px;
				list-style-type: none;
				
			}
            .main_ul_1{
				color: black;
				
			}
            .main_ul_1:hover{
				color: crimson;
			}
			
			.main_ul_2{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 50px;
				height: 30px;
				background-color: red;
				color: white;
				border-radius: 6px;
			}
			
			hr{
				border: none;
				height: 1px;
				background-color: #d5d5d5;
				margin: 20px 0 20px 0;
			}
			
			.main2{
				display: flex;
				align-items: center;
				gap: 30px;
				margin: 30px 0 20px 0;
			}
			
			.main3{
				display: flex;
				gap: 20px;
				margin-bottom: 30px;
			}
			
			.main3_1{
				width: 180px;
				border-radius: 10px;
				display: block;
			}
			
			.main3_2{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 180px;
				height: 35px;
				font-size: 18px;
				
			}
			
			.main3_3{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 180px;
				height: 35px;
				font-size: 18px;
				color: orange;
			}
			
			.main4{
				display: flex;
				margin-left: 430px;
				gap: 15px;
			}
			
			.main4_1{
				width: 35px;
				height: 35px;
				display: flex;
				justify-content: center;
				align-items: center;
				color: white;
				background-color: red;
				border-radius: 5px;
			}
			
			.main4_2{
				width: 35px;
				height: 35px;
				display: flex;
				justify-content: center;
				align-items: center;
				border: 1px solid #d5d5d5;
				border-radius: 5px;
			}
			
			.main4_3{
				width: 80px;
				height: 35px;
				display: flex;
				justify-content: center;
				align-items: center;
				border: 1px solid #d5d5d5;
				border-radius: 5px;
			}
			
			.main_a{
				color: black;
			}
			
			.main_a:hover{
				border: 1px solid red;
			}
			
		</style>
	</head>
	<body>
		<div class="header">
			<img class="header_img" src="../img/微信图片_20250617181003.jpg" alt="logo" />
			<a class="header1_a" href="index.html"><div class="header1 header2">首页</div></a>
			
				<div class="header1 header2">电影</div>
			
			<a class="header1_a" href="yingyuan.html">
				<div class="header1">影院</div>
			</a>
			<input class="header3" type="text" placeholder="搜索电影和影院" />
			<input class="header4" type="submit" value="搜索" />
			<a href="login.html"><input class="header5" type="button" value="登录" /></a>
		</div>
		
		<div class="main">
			<div class="main1">
				<ul class="main1_ul">
					<li>类型：</li>
					<li><div class="main_ul_2">全部</div></li>
				<a class="main_ul_1" href="#"><li>铅黄</li></a>	
				<a class="main_ul_1" href="#"><li>科幻</li></a>
				<a class="main_ul_1" href="#"><li>恐怖</li></a>
				<a class="main_ul_1" href="#"><li>悬疑</li></a>
				<a class="main_ul_1" href="#"><li>歌舞</li></a>
				<a class="main_ul_1" href="#"><li>奇幻</li></a>
				<a class="main_ul_1" href="#"><li>动作</li></a>
				<a class="main_ul_1" href="#"><li>情色</li></a>
				<a class="main_ul_1" href="#"><li>黑帮</li></a>
				<a class="main_ul_1" href="#"><li>伪纪录</li></a>
				<a class="main_ul_1" href="#"><li>无厘头</li></a>
				<a class="main_ul_1" href="#"><li>LGBTQ+</li></a>
				<a class="main_ul_1" href="#"><li>黑色幽默</li></a>
				</ul>
				<hr />
				
				<ul class="main1_ul">
					<li>区域：</li>
					<li><div class="main_ul_2">全部</div></li>
				<a class="main_ul_1" href="#"><li>大陆</li></a>	
				<a class="main_ul_1" href="#"><li>美国</li></a>
				<a class="main_ul_1" href="#"><li>韩国</li></a>
				<a class="main_ul_1" href="#"><li>日本</li></a>
				<a class="main_ul_1" href="#"><li>俄罗斯</li></a>
				<a class="main_ul_1" href="#"><li>英国</li></a>
				<a class="main_ul_1" href="#"><li>德国</li></a>
				<a class="main_ul_1" href="#"><li>法国</li></a>
				<a class="main_ul_1" href="#"><li>意大利</li></a>
				<a class="main_ul_1" href="#"><li>中国台湾</li></a>
				<a class="main_ul_1" href="#"><li>中国香港</li></a>
				<a class="main_ul_1" href="#"><li>西班牙</li></a>
				<a class="main_ul_1" href="#"><li>加拿大</li></a>
				</ul>
				<hr />
				
				<ul class="main1_ul">
					<li>年代：</li>
					<li><div class="main_ul_2">全部</div></li>
				<a class="main_ul_1" href="#"><li>2025</li></a>	
				<a class="main_ul_1" href="#"><li>2024</li></a>
				<a class="main_ul_1" href="#"><li>2023</li></a>
				<a class="main_ul_1" href="#"><li>2022</li></a>
				<a class="main_ul_1" href="#"><li>2021</li></a>
				<a class="main_ul_1" href="#"><li>2020</li></a>
				<a class="main_ul_1" href="#"><li>2010-2019</li></a>
				<a class="main_ul_1" href="#"><li>2010-2019</li></a>
				<a class="main_ul_1" href="#"><li>90年代</li></a>
				<a class="main_ul_1" href="#"><li>80年代</li></a>
				<a class="main_ul_1" href="#"><li>70年代</li></a>
				<a class="main_ul_1" href="#"><li>更早</li></a>
				</ul>
			</div>
		
		    <div class="main2">
			<div>
				<input name="main2_1" id="sort1" type="radio" value="按热门排序"/><label for="sort1">按热门排序</label>
			</div>
			<div>
				<input name="main2_1" id="sort2" type="radio" value="按热门排序"/><label for="sort2">按时间排序</label>
			</div>
			<div>
				<input name="main2_1" id="sort3" type="radio" value="按热门排序"/><label for="sort3">按评价排序</label>
			</div>
		</div>
		
		<div class="main3">
			<div>
				<div><img class="main3_1" src="../img/微信图片_20250618071432.jpg" alt="1.jpg" /></div>
				<div class="main3_2">珀尔</div>
				<div class="main3_3">7.5</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/微信图片_20250618071507.jpg" alt="1.jpg" /></div>
				<div class="main3_2">灯塔</div>
				<div class="main3_3">7.3</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/e2ab165e23b2966d881a13de4983e99.jpg" alt="3.jpg" /></div>
				<div class="main3_2">唐朝豪放女</div>
				<div class="main3_3">7.6</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/b69732e15859f0b64104c002ffc06ab.jpg" alt="4.jpg" /></div>
				<div class="main3_2">天堂魅影</div>
				<div class="main3_3">7.8</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/c48d8e4924bb7ac1fad52ad221adbad.jpg" alt="5.jpg" /></div>
				<div class="main3_2">少女椿</div>
				<div class="main3_3">7.8</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/d4be9fcd6b546095a5a20c102cfd9a4.jpg" alt="6.jpg" /></div>
				<div class="main3_2">丑陋的继姐</div>
				<div class="main3_3">7.3</div>
			</div>
		</div>
		
		<div class="main3">
		    <div>
				<div><img class="main3_1" src="../img/74c3dcf6a8112aac0016d8262a309b4.jpg" alt="7.jpg" /></div>
				<div class="main3_2">迷魂记</div>
				<div class="main3_3">8.7</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/f6c33d7d1eb7f0dc023be1fb29fa1fa.jpg" alt="8.jpg" /></div>
				<div class="main3_2">阴风阵阵</div>
				<div class="main3_3">7.6</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/0a09a3b64052f6230a81611e2994072.jpg" alt="9.jpg" /></div>
				<div class="main3_2">蓝丝绒</div>
				<div class="main3_3">7.7</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/1f646da91d8a4b7f02f80641f260006.jpg" alt="10.jpg" /></div>
				<div class="main3_2">僵尸</div>
				<div class="main3_3">8.0</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/62f61906382357035edc6be04f15240.jpg" alt="11.jpg" /></div>
				<div class="main3_2">穆赫兰道</div>
				<div class="main3_3">8.4</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/微信图片_20250618071244.jpg" alt="12.jpg" /></div>
				<div class="main3_2">美国精神病人</div>
				<div class="main3_3">7.9</div>
			</div>
		</div>
		
		<div class="main3">
		    <div>
				<div><img class="main3_1" src="../img/微信图片_20250618071339.jpg" alt="1.jpg" /></div>
				<div class="main3_2">冰冷热带鱼</div>
				<div class="main3_3">7.7</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/1a2275097599cbb59d7eac8e104c835.jpg" alt="1.jpg" /></div>
				<div class="main3_2">搏击俱乐部</div>
				<div class="main3_3">9.0</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/a148527188bdd1de5e1657324887e49.jpg" alt="1.jpg" /></div>
				<div class="main3_2">杀手阿一</div>
				<div class="main3_3">7.5</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/58330d862de5eaf4082bffcf662eb68.jpg" alt="1.jpg" /></div>
				<div class="main3_2">诺斯费拉图</div>
				<div class="main3_3">8.1</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/1635c07752f11aa689250dbb99c735c.jpg" alt="1.jpg" /></div>
				<div class="main3_2">猛鬼街</div>
				<div class="main3_3">7.4</div>
			</div>
			<div>
				<div><img class="main3_1" src="../img/2cb4b78047eab1186ccc3d15abcd99e.jpg" alt="1.jpg" /></div>
				<div class="main3_2">死而复生</div>
				<div class="main3_3">7.1</div>
			</div>
		</div>
		
		<div class="main4">
			<div class="main4_1">1</div>
			<a class="main_a" href="#"><div class="main4_2">2</div></a>
			<a class="main_a" href="#"><div class="main4_3">下一页</div></a>
		</div>
		
	</div>	
	
		<div class="footer">
			<div class="footer1">
			<p class="footer2">友情链接：&nbsp;&nbsp;
			<a class="footer2_1" href="#">美团网&nbsp;|&nbsp;</a>
			<a class="footer2_1" href="#">猫眼电影&nbsp;|&nbsp;</a>
			<a class="footer2_1" href="#">饿了吗&nbsp;|&nbsp;</a>
			<a class="footer2_1" href="#">百度</a>
			</p>	
			<p class="footer2">商务合作邮箱：3892260010@qq.com <span class="footer2_3">客服电话：12345667</span></p>
			<p class="footer2">违法和不良信息/涉未成年人有害信息举报电话：12344567</p>
			<p class="footer2">用户举报/涉未成年人有害信息举报邮箱：3458907843@qq.com</p>
			<p class="footer2">诈骗检举邮箱：3458907843@qq.com</p>
			<p class="footer2">中华人民共和国营业性演出许可证：35261773号</p>
			<p class="footer2">广播电视节目制作经营许可证555555555号|网络文化经营许可证：333333333号</p>
			<p class="footer2_2">本网页是为了递交学校老师的项目作业，纯属虚构，如有雷同，纯属巧合。</p>
			</div>
		</div>
	</body>
</html>